﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="demo.aspx.cs" Inherits="demo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style>
        body{
            background:#D7D3B8 none repeat scroll 0 0;
            font-family:Tahoma;
            margin:0;
            padding:0;
            font-size:12px;
        }
        
        h4{
            color:#888888;
        }
        
        a:link {
            color: #730519;
            text-decoration: none;
        }
        a:visited {
            color: #04527d;
            text-decoration: none;
        }
    
        .common{
            width: 994px;
            margin: 0px auto;
            position: relative;
            
        }
        
        .seperator{
            background:url(images/seperator.jpg) repeat-x;
            height:3px;
            margin: 0px auto;
        }
        
        .seperator2{
            background:url(images/seperator2.jpg) repeat-x;
            height:3px;
            margin: 0px auto;
        }
        
        #frame {
            border:1px solid #682800;
        }
        
        #header{
            background: rgb(234, 235, 219);
            height: 84px;
            
        }
        
        #menu{
            height: 221px;
        }
        
        #content{
            height: 400px;
            margin-top:1px;
            background:#E9E7D8;
        }
        
        .content-header{
            height:30px;
            width:100%;
            background:#CAC9B5;
        }
        
        #foot{
            height: 100px;
            background:#CAC9B5;
        }
        
        #left{
            float:left;
            height:221px;
            width:327px;
            background-image:url(images/menu.jpg);
        }
        
        #left ul{
            margin-top:30px;
            margin-left:50px;
            list-style-image:url(images/item.png);
        }
        
        #left ul li{
            margin-top:5px;
        }
        
        #left ul li a{
            font-size:15px;
            color:white;
        }
        
        #right{
            margin-left:1px;
            float:left;
            height:221px;
            width:666px;
            background-image:url(images/header.jpg);
        }
        
        #header-corner{
            float:right;
            height:84px;
            width:250px;
            background:#E0E1D1;
        }
        
        #foot-wraper{
            padding-top:10px;
            padding-bottom:5px;
        }
        
        #foot-box-left{
            float:left;
            width:327px;
            height:100px;
        }
        
        #foot-box-middle{
            float:left;
            width:411px;
            height:80px;
            border-left:1px solid #A8A796;
        }
        
        #foot-box-right{
            float:left;
            width:250px;
            height:80px;
            border-left:1px solid #A8A796;
        }
        
        #foot-menu ul{
            list-style-type:none;
        }
        
        #foot-menu ul li{
            float:left;
            margin-right:16px;
        }
        
        
        
        #copy-right{
            padding-top:3px;
        }
        
        #copy-right p{
            text-align:center;
        }
        
        .service-item{
            float:left;
            width:150px;
            height:100px;
            margin-left:10px;
            margin-top:20px;
            margin-bottom:20px;
        }
        
        .service-item ul{
            list-style-image:url(images/item2.png);
        }
        
        #company-info{
            margin-top:30px;
            margin-left:50px;
            width:230px;
        }
        
        #company-info p{
            padding:5px;
            color:#888888;
        }
    </style>
</head>
<body>
    <div id="frame" class="common">
        <div id="header" class="common">
            <img src="resources/images/logo.png" id="logo" alt="" style="height:75px;width:70px;margin-left:30px;margin-top:5px;"/></a>
            <div id="header-corner"></div>
        </div>
        <div style="clear:both;"></div>
        <div class="common seperator2"></div>
        <div id="menu"  class="common">
            <div id="left">
                <ul>
                    <li class="current" ><a href="#">首页</a></li>
                    <li><a href="#">服务领域</a></li>
                    <li><a href="#">法律法规</a></li>
                    <li><a href="#">成功案例</a></li>
                    <li><a href="#">时事资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
            <div id="right"></div>
        </div>
        <div style="clear:both;margin-bottom:1px;"></div>
        <div class="common seperator"></div>
        <form id="form1" runat="server">
            <div id="content"  class="common">
                <div style="height:100%;width:327px;float:left;">
                    <div class="content-header"></div>
                    <div id="company-info">
                        <img src="images/pic_0_1.jpg" alt="" />
                        <p><a style="font-weight:bold" href="#">北京天玺泽知识产权代理有限公司</a>坐落于中关村管委会扶持的中关村创业服务楼，秉着以客户为本，致力于知识产权领域和法律实务操作的研究，
                            为商界优秀的企业及个体提供全面有效的法律事务服务。</p>
                        <p>
                            公司在各界朋友的大力支持下为许多高新技术企业提供了专业的知识产权服务， 并赢得一致好评。北京天玺泽知识产权代理有限公司坚定知产领域与各行各业的精英们一路同行。
                        </p>
                    </div>
                </div>
                <%--<div style="height:100%;width:411px;float:left;margin-left:1px;">
                    <div class="content-header"></div>
                    <div>dfdfdf</div>
                </div>
                <div style="height:100%;width:254px;float:left;margin-left:1px;">
                    <div class="content-header"></div>
                    <div>dfdfdf</div>
                </div>--%>
                <div style="height:100%;width:666px;float:left;margin-left:1px;background:url(images/bg_2.jpg) no-repeat left bottom">
                    <div class="content-header"></div>
                    <div>
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                        
                        <div class="service-item">
                            <h4>软件著作权</h4>
                            <ul>
                                <li class="current" ><a href="#">首页</a></li>
                                <li><a href="#">服务领域</a></li>
                                <li><a href="#">法律法规</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">时事资讯</a></li>
                                <li><a href="#">关于我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <div style="clear:both;margin-bottom:1px;"></div>
                </div>
            </div>
         </form>
        <div class="common seperator"></div>
        <div id="foot"  class="common">
            <div id="foot-wraper">
            <div id="foot-box-left">
                <div><img src="images/f_pic.jpg" style="margin:20px 0 0 20px;"/></div>
            </div>
            <div id="foot-box-middle">
                <div id="foot-menu">
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">服务领域</a></li>
                        <li><a href="#">法律法规</a></li>
                        <li><a href="#">成功案例</a></li>
                        <li><a href="#">时事资讯</a></li>
                        <li><a href="#">关于我们</a></li>
                    </ul>
                </div>
                <div style="clear:both;margin-bottom:1px;"></div>
                <div id="copy-right">
                    <p>版权所有：北京天玺泽知识产权代理有限公司未经许可不得复制</p>
                    <p>ICP备案编号：京ICP备号</p>
                </div>
            </div>
            <div id="foot-box-right"></div>
            </div>
        </div>
    </div>
</body>
</html>
